<template>
  <div class="jointeam clearfix">
		<div class="title"><p>加入小组</p></div>
		<div class="content">
			<input type="text" value="" placeholder="标题 (必填)" />
			<textarea class="con" value="" cols="40" rows="4" placeholder="在这里发布你想说的话"></textarea>
			<div class="twoupload">
				<div class="upload upload-music">
					<i class="icon iconfont">&#xe60a;</i>
					<p>上传音乐</p>
				</div>
				<div class="upload upload-pictures">
					<i class="icon iconfont">&#xe62b;</i>
					<p>上传图片</p>
				</div>	
			</div>
			<div class="label">
				<i class="icon iconfont">&#xe611;</i>
				<span>多个标签用空格分隔，最多三个</span>
			</div>
		</div>
		<div class="participate">
			<span>立即参与</span>
		</div>
  </div>
</template>

<script>
export default {
  name: 'JoinTeam',
  components:{
  	
  }
}
</script>

<style lang="css" scoped>
	.jointeam{
		padding: 0.15rem;
		background: #fff;
		font-size: 0.16rem;
		margin-bottom: 0.15rem;
	}
	.title p{
		color: #000;
		padding: 0 0 0 0.08rem;
		border-left: 0.05rem solid #F58344;
	}
	.content{
		margin: 0.1rem 0;
		border: 0.02rem solid #F0F0F0;
	}
	.content input{
		width: 97%;
		overflow: hidden;
		padding: 0.08rem 0 0.08rem 0.12rem;
		background: #f5f5f5;
	}
	.content .con{
		padding: 0.08rem 0 0.08rem 0.12rem;
	}
	.twoupload >div{
		margin-bottom: 0.15rem;
		display: inline-block;
		border: 0.01rem solid #E0E0E0;
	}
	.upload{
		width: 1.2rem;
		height: 1.2rem;

		background: #F7F7F7;
		margin-left: 0.15rem;
		color: #E0E0E0;
		text-align: center;
	}
	.upload i{
		line-height: 0.8rem;
		font-size: 0.6rem;
	}
	.upload p{
		font-size: 0.2rem;
	}
	.label{
		border-top: 0.01rem solid #F0F0F0;
		padding: 0.1rem 0.15rem;
		color: #B3B3B3;
	}
	.participate {	
		margin: 0.15rem 0 0 0;
	}
	.participate span{
		float: right;
		background: #F68344;
		color: #fff;
		padding: 0.05rem 0.1rem;
		border-radius: 0.05rem;
	}
</style>